

<!-- 获取登录信息 -->
<#assign memberLoginTag = newTag("memberLoginTag")>
<#assign member = memberLoginTag()>

<style type="text/css">

.panel{
	width: 80%;
	margin: 0 auto;
	margin-top:30px;
	border:0px solid #000000;
	background-color: #FFFFFF;
	box-shadow: 5px 5px 5px 5px #E2E2E2;
	display: table;
}

.nav{
	font-size: 14px;
	color: #777;
}





</style>

<div class="panel">

		<ol class="am-breadcrumb" style="float: left;border:0px solid #000000;margin-bottom: 0px;height:20px;">
		  <li><a href="${ctx}/index.html" class="am-icon-home">首页</a></li>
		  <li><a href="${ctx}/member/member.html">个人中心</a></li>
		  <li class="am-active">${subNav}</li>
		</ol>

		</br>
		<ul class="am-nav" style="width:15%;border:1px solid #E7E7E7;float: left;">
		  <li class="am-active"><a style="background-color: #F7F7F7;color: #333;font-weight: 600;font-size: 16px;">个人中心</a></li>
		  <li><a href="${ctx}/member/member.html" <#if active=="member"> class="nav member" <#else> class="nav na" </#if>><span class="nav_a">我的个人中心</span></a></li>
		  <li><a href="${ctx}/member/member_edit.html" <#if active=="member_edit"> class="nav member" <#else> class="nav na" </#if>>修改个人信息</a></li>
		</ul>

<script type="text/javascript">




$(".member").mouseenter(function(){
	$(this).animate({backgroundColor:'#7c6aa6'},400);
	$("."+active).css("color","#FFFFFF");
});

$(".member").mouseleave(function(){
	$(this).animate({backgroundColor:'#FFFFFF'},400);
	$("."+active).css("color","#0e90d2");
});

$(".na").mouseenter(function(){
	$(this).animate({color:'#FFFFFF'},0);
	$(this).animate({backgroundColor:'#7c6aa6'},400);
});

$(".na").mouseleave(function(){
	$(this).animate({color:'#777'},0);
	$(this).animate({backgroundColor:'#FFFFFF'},400);
});


$(".member").css("color","#0e90d2");

</script>
